@CHARSET "UTF-8";

.takeRecordsImgDiv,.menuBtn,.menuBtn_img,.boxName,.price,.warn-style,.boxType_img,.btn_ST_img,.btn_ST{display: flex;align-items: center;justify-content: center;}
.takeRecords,.terminalMenu,.btn-open-chargemodal,.chargeModal_Part,.terminalInfo,.managerInfo{display: flex;align-items: center;justify-content: space-between;}
.store-loading,.menuBtn_part,.Abnormal,.btn_boxType,.STBtnSty,.Btn-chargemodal{display: flex;align-items: center;flex-direction: column;justify-content: center;}
.chargeModal_Part_One,.boxSelect{display: flex;align-items: center;flex-direction: column;}
.storeInfo,.storeInfoTop,.takeInfo{display: flex;justify-content: space-between;}
.ripple{position:relative;overflow:hidden;transform:translate3d(0,0,0)}.ripple:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#000 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10,10);opacity:0;transition:transform .5s,opacity 1s}.ripple:active:after{transform:scale(0,0);opacity:.2;transition:0s}

/*.ad_part{*/
    /*width: 100%;*/
    /*height: 25vh;*/
/*}*/

.swiper-slide-style{
    text-align: center;
    color: white;
}

/*.storeList{*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*width:100%;*/
/*}*/



/*.takeList{*/
    /*width: 100%;*/
    /*!* background: #f7f7f7; *! !* Safari 5.1 - 6.0 *!*/
/*}*/

.bac3Font{
    color: white;
    font-size: 9pt;
    margin-left: 3%;
    margin-top: 1vh;
    font-style: italic;
    align-self: flex-start;
}

/*.takeRecords{*/
    /*width: 100%;*/
    /*height: 18vh;*/
    /*margin-bottom: 1vh;*/
    /*background: -webkit-linear-gradient(#FFFFFF , #d0d0d0); !* Safari 5.1 - 6.0 *!*/
    /*background: -o-linear-gradient(#FFFFFF , #d0d0d0); !* Opera 11.1 - 12.0 *!*/
    /*background: -moz-linear-gradient(#FFFFFF , #d0d0d0); !* Firefox 3.6 - 15 *!*/
    /*background: linear-gradient(#FFFFFF , #d0d0d0); !* 标准的语法（必须放在最后） *!*/
    /*border-top: 1px solid #f0f0f0;*/
    /*border-bottom: 1px solid #f0f0f0;*/
/*}*/

/*.takeRecordsInfo{*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/

    /*width:70%;*/
    /*height:100%;*/
    /*padding-left:3%;*/
/*}*/

/*.takeRecordsInfo_P{*/
    /*margin-top: 2vh;*/
/*}*/

/*.takeRecordsImgDiv{*/
    /*width: 30%;*/
    /*height: 100%;*/
/*}*/

/*.takeRecordsImg{*/
    /*width: 7.5vh;*/
    /*height: 7.5vh;*/
/*}*/

.location_img{
    width: 3.5vh;
    height: 3.5vh;
}




/*.terminalInfo{*/
    /*margin-bottom: 2vh;*/
/*}*/

/*.managerInfo{*/
    /*margin-bottom: 2vh;*/
/*}*/

/*.strongFont{*/
    /*color: #E40013;*/
    /*font-size: 14pt;*/
    /*font-weight: 900;*/
/*}*/

/*.servicePhone_logo{*/
    /*width: 4.5vh;*/
    /*height: 4.5vh;*/
/*}*/

/*.swiper-info{*/
    /*height: 46vh;*/
    /*width: 100%;*/
/*}*/

.menuBtn{
    width: 100%;
    height: 8vh;
    /* background: #db0010; */
    background: -webkit-linear-gradient(#FFFFFF , #db0010); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#FFFFFF , #db0010); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#FFFFFF , #db0010); /* Firefox 3.6 - 15 */
    background: linear-gradient(#FFFFFF , #db0010); /* 标准的语法（必须放在最后） */
    border-top: 1px solid #c2c2c2;

    /* width: 100%;
   height: 8vh; */

    /*  background: -webkit-linear-gradient(#ff3544 , #db0010);  *//* Safari 5.1 - 6.0 */
    /* background: -o-linear-gradient(#ff3544 , #db0010); */ /* Opera 11.1 - 12.0 */
    /*  background: -moz-linear-gradient(#ff3544 , #db0010); */ /* Firefox 3.6 - 15 */
    /*  background: linear-gradient(#ff3544 , #db0010);  *//* 标准的语法（必须放在最后） */
    /*  border-top: 1px solid #c2c2c2; */



}











/* 挺有用  --设备离线 */

/*.Abnormal{*/
    /*width: 100%;*/
    /*height: 52vh;*/
    /*font-size: 10pt;*/
/*}*/

/*.abnormalImg{*/
    /*width:20vh;*/
    /*height:20vh;*/
/*}*/

/*.offlineFont{*/
    /*width: 90%;*/
/*}*/

/*.noOrderFont{*/
    /*width: 80%;*/
/*}*/

/*.warn-style{*/
    /*color: white;*/
    /*height: 7vh;*/
    /*!*border-radius: 10%;*!*/
    /*text-align: center;*/
    /*background-color: #888888;*/
    /*border-radius: 30px;*/
    /*margin-bottom:5vh;*/
    /*padding:0 1vh;*/

/*}*/

/*.warn-pic{*/
    /*width: 3.5vh;*/
    /*height: 3.5vh;*/
/*}*/







/*.btn_boxType{*/
    /*width: 24%;*/
    /*height: 8vh;*/
    /*color: #707070;*/
    /*border-bottom: solid #d7d7d7;*/
    /*border-width:1px;*/
/*}*/

/*.boxType_img{*/
    /*width: 4vh;*/
    /*height: 4vh;*/
/*}*/

/*.btn_boxType_active{*/
    /*color: #ff1527;*/
    /*font-weight: 900;*/
    /*background-color: white;*/
    /*animation: boxType_fontChange 0.25s;*/
/*}*/

/*.boxType_img_active{*/
    /*animation: boxType_imgChange 0.25s;*/
/*}*/


/*.freeModalBoxidFont{*/
    /*color: red;*/
    /*font-size: 16pt;*/
    /*font-weight: 900;*/
/*}*/

/*.storeInfo{*/
    /*color: #7b7b7b;*/
    /*margin-top:2vh;*/
/*}*/

/*.storeInfoTop{*/
    /*color: #7b7b7b;*/
/*}*/

/*.takeInfo{*/
    /*color: #7b7b7b;*/
    /*font-size: 11pt;*/
    /*margin-bottom: 1vh;*/
/*}*/

/*.chargeModalSty{*/
    /*width:100%;*/
    /*text-align:center;*/
    /*font-size:14pt;*/
/*}*/

/*.chargeModal_BoxTypeImg{*/
    /*height: 5vh;*/
    /*width: 5vh;*/
/*}*/
/*.chargeModal_Part{*/
    /*width: 100%;*/
    /*font-size: 12pt;*/
    /*margin-top: 2vh;*/
/*}*/

/*.chargeModal_Part_One{*/
    /*color: #888888;*/
    /*font-size: 9pt;*/
    /*margin-left: 20%;*/
/*}*/

/*.chargeModal_Part_Two{*/
    /*margin-right: 20%;*/
/*}*/


/*.payInfo-firstPart{*/
    /*margin-left:5%;*/
/*}*/

/*.payInfo-secondPart,.payInfo-secondPart-dealerName,.payInfo-secondPart-netWorkState{*/
    /*margin-right:5%;*/
/*}*/

/*.payInfo-secondPart-dealerName{*/
    /*font-size: 9pt;*/
/*}*/

/*.payInfo-secondPart-netWorkState{*/
    /*display: flex;*/
/*}*/

/*.netWorkStateImg{*/
    /*height: 3vh;*/
    /*width: 3vh;*/
/*}*/

/*.MANAGER_PHONE_IMG{*/
    /*height: 4vh;*/
    /*width: 4vh;*/
/*}*/





/*.btn-freemodal-openbox{*/
    /*color:white;*/
    /*background-color: #E40013;*/
/*}*/

/*.Btn-chargemodal{*/
    /*margin-top: -2vh;*/
/*}*/

/*.btn-open-chargemodal{ width: 85%; }*/

/*.btn-chargemodal-open,.btn-chargemodal-Settlement{*/
    /*width: 46%;*/
    /*height: 6vh;*/
    /*margin-top: 2vh;*/
    /*color: white;*/
    /*border: none;*/
    /*border-radius: 5px;*/
    /*border: 1px solid #c2c2c2;*/
    /*font-size: 12pt;*/
/*}*/

/*.btn-chargemodal-storeOpen{*/
    /*width: 80%;*/
    /*height: 6vh;*/
    /*margin-top: 2vh;*/
    /*color: white;*/
    /*border: none;*/
    /*border-radius: 5px;*/
    /*border: 1px solid #c2c2c2;*/
    /*font-size: 12pt;*/
/*}*/

/*.unSettlement{*/
    /*width: 100%;*/
/*}*/

/*.btn-chargemodal-open,.btn-chargemodal-storeOpen{*/
    /*background-color: #09BB07;*/
/*}*/

/*.btn-chargemodal-Settlement{*/
    /*background-color: #ff0000;*/
/*}*/

/*.btn-chargemodal-close{*/
    /*width: 85%;*/
    /*height: 6vh;*/
    /*margin-top: 2vh;*/
    /*background-color: #09BB07;*/
    /*color: white;*/
    /*border: none;*/
    /*border-radius: 5px;*/
    /*font-size: 12pt;*/
/*}*/



/*.STanimation_img{*/
    /*animation: STBtn_imgSizeChange 0.25s;*/
/*}*/

/*.takeOpen_btn_animation{*/
    /*animation: takeOpen_btn 0.25s;*/
/*}*/

/*.menuBtn_btn_imgChange{*/
    /*animation: menuBtn_imgChange 0.25s;*/
/*}*/

/*.myModal{*/
    /*margin-top: 15vh;*/
/*}*/



/*.modal-content{*/
    /*background: -webkit-linear-gradient(white , #dddddd); !* Safari 5.1 - 6.0 *!*/
    /*background: -o-linear-gradient(white , #dddddd); !* Opera 11.1 - 12.0 *!*/
    /*background: -moz-linear-gradient(white , #dddddd); !* Firefox 3.6 - 15 *!*/
    /*background: linear-gradient(white , #dddddd); !* 标准的语法（必须放在最后） *!*/
/*}*/

/*.modal-header,.modal-footer{*/
    /*background: white;*/
/*}*/

/*.modal-header{*/
    /*border-top-left-radius: 5px;*/
    /*border-top-right-radius: 5px;*/
/*}*/

/*.modal-footer{*/
    /*border-bottom-left-radius: 5px;*/
    /*border-bottom-right-radius: 5px;*/
/*}*/

hr.style-two {/*透明渐变水平线*/
    width:100%;
    margin-top:1vh;
    border: 0;
    height: 1.5px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/*@keyframes boxType_fontChange{*/
    /*0% {background: #CCCCCC;}*/
    /*100% {background: white;}*/
/*}*/

/*@keyframes STBtn_imgSizeChange{*/
    /*0% {width: 4.5vh;height: 5vh;}*/
    /*50% {width: 3.6vh;height: 4vh;}*/
    /*100% {width: 4.5vh;height: 5vh;}*/
/*}*/

/*@keyframes boxType_imgChange{*/
    /*0% {width: 4vh;height: 4vh;}*/
    /*50% {width: 3vh;height: 3vh;}*/
    /*100% {width: 4vh;height: 4vh;}*/
/*}*/

/*@keyframes menuBtn_imgChange{*/
    /*0% {width: 4.5vh;height: 4.5vh;}*/
    /*50% {width: 3vh;height: 3vh;}*/
    /*100% {width: 4.5vh;height: 4.5vh;}*/
/*}*/

/*@keyframes takeOpen_btn{*/
    /*0% {width: 7.5vh;height: 7.5vh;}*/
    /*50% {width: 6.0vh;height: 6.0vh;}*/
    /*100% {width: 7.5vh;height: 7.5vh;}*/
/*}*/


/***************************************************************/



body{
    width: 100%;
    height: 100%;
}


.btn_ST{
    background: -webkit-linear-gradient(#FFFFFF , #CCCCCC); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#FFFFFF , #CCCCCC); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#FFFFFF , #CCCCCC); /* Firefox 3.6 - 15 */
    background: linear-gradient(#FFFFFF , #CCCCCC); /* 标准的语法（必须放在最后） */
    border: solid 1px #CCCCCC;
    width: 100%;
    height: 1.5rem;
    color: #8a8a8a;
    font-size: 0.32rem;
    font-weight: 900;
    padding:0 8%;
}

.STBtnSty{
    width:50%;
    height:100%;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius: 5px;
    margin-right:5%;
    margin-left:5%;
    font-family:"Microsoft YaHei";
}

.STBtn_font{
    margin-top: 0.1rem;

}
.btn_ST_img{
    width: 0.72rem;
    height:0.8rem;

}

.servicePhone_logo{
    width:0.7rem;
    height:0.7rem;
    margin-right: 0.1rem;
}





.terminalMenu{
    /*background:#e92c31;*/
    background:-webkit-linear-gradient(to bottom,#f73d42,#e02925);
    background:-o-linear-gradient(to bottom,#f73d42,#e02925);
    background:-moz-linear-gradient( to bottom,#f73d42,#e02925);
    background:linear-gradient(to bottom,#f73d42,#e02925);
    width: 100%;
    height: 1rem;
    color:#fff;
    font-size: 0.38rem;
    line-height:1rem;
}

/*.swiper-container{*/
    /*height: 4.1rem;*/
/*}*/


.appoint-body{
    height: 100%;
    width: 70%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin:2rem auto;
    font-size:0.46rem;
    font-weight: 600;
}
.womanRegion{
    height:5.6rem;
    width:40%;
    background: #EEEEEE;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 1.2rem 0;
    border-radius: 4px;
    /*-webkit-box-shadow: 0 0 5px 2px #90909080;*/
    /*-o-box-shadow: 0 0 5px 2px #90909080;*/
    /*-moz-box-shadow: 0 0 5px 2px #90909080;*/
    /*box-shadow: 0 0 5px 2px #90909080;*/
    -webkit-box-shadow: 0 0 5px 2px #929292;
    -o-box-shadow: 0 0 5px 2px #929292;
    -moz-box-shadow: 0 0 5px 2px #929292;
    box-shadow: 0 0 5px 2px #929292;


}
.manRegion{
    height:5.6rem;
    width:40%;

    background: #EEEEEE;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 1.2rem 0;
    /*-webkit-box-shadow: 0 0 5px 2px #90909080;*/
    /*-o-box-shadow: 0 0 5px 2px #90909080;*/
    /*-moz-box-shadow: 0 0 5px 2px #90909080;*/
    /*box-shadow: 0 0 5px 2px #90909080;*/
    -webkit-box-shadow: 0 0 5px 2px #929292;
    -o-box-shadow: 0 0 5px 2px #929292;
    -moz-box-shadow: 0 0 5px 2px #929292;
    box-shadow: 0 0 5px 2px #929292;
}




/**********************retreat页面***************************/

#takeAbnormal{
    margin-top:2rem;
}

.warn-style{
    color: white;
    height: 1.3rem;
    text-align: center;
    background-color: #888888;
    border-radius: 30px;
    margin-bottom:1rem;
    padding:0 0.4rem;
}

.warn-pic{
    width: 3.5vh;
    height: 3.5vh;
}



.retreat-nav{
    width: 100%;
    height: 1.2rem;
    /* border: 1px solid black; */
    /* padding-left: 5%; */
    line-height: 1.2rem;
    font-size: 0.4rem;
    font-weight: 600;
    border-bottom: 3px solid #eeeeee;
    text-align: center;
}
.retreat-list{
    width: 100%;
    margin-bottom:1.3rem;
}
.retreat-item{
    width: 100%;
    padding:0 4%;
    height:3.2rem;
    border-bottom: 3px solid #eeeeee;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*font-size: 11pt;*/
    font-size: 0.36rem;
}
.item-left,.item-right{
    width:50%;
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.item-left>div,.item-right>div{
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.retreat-btn{
    width: 2rem;
    height:1rem;
    border: 1px solid #eeeeee;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #04BE02;
    border-radius: 6px;
    color: #fff;
    font-size: 0.4rem;
}
.end-btn{
    width: 2rem;
    height:1rem;
    border: 1px solid #eeeeee;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #888888;
    border-radius: 6px;
    color: #fff;
    font-size: 0.4rem;
}

.all-retreat{
    height: 1.2rem;
    width: 100%;
    background: #04BE02;
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.all-retreatBtn{
    margin:0 auto;
    line-height: 1.2rem;
    color: #ffffff;
    font-weight: 600;
    font-size:0.45rem;
    letter-spacing:0.1rem;
}













